<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="HandheldFriendly" content="True">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <link rel="stylesheet" href="{{STATIC_URL}}mobile/css/tp/base.css?v=131231">
    <title>预订说明</title>
    <style type="text/css">
        strong {
            font-size: 17.5px;
            font-family: inherit;
            font-weight: bold;
            color: inherit;
            text-rendering: optimizelegibility;
        }
        p {
            font-size: 15px;
            margin: 2px 0px;
        }
        body {
            padding-top: 10px !important;
        }
    </style>
</head>
<body class="explain" data-user-agent="{{ user_agent }}" data-version="{{ app_version }}" style="padding-top: 10px;">
    <h1><i class="icon icon-info2"></i>预订说明</h1>
    <section class="explain-info">
        {{ product.agreement|safe }}
    </section>
    <script src="{{STATIC_URL}}mobile/js/zepto.min.js"></script>
    <script src="{{STATIC_URL}}mobile/js/zepto-touch.min.js"></script>
    <script src="{{STATIC_URL}}mobile/js/trip-product.js"></script>
    {% if user_agent == 1 %}
    <script type="text/javascript" src="{{ STATIC_URL }}vacation/js/JS2ObjCBridge.js"></script>
    {% endif %}
    <script type="text/javascript">
    {% if is_breadtrip %}
    var android;
    {% endif %}

    if ( typeof(android) != "undefined" ) {
        android.setTitle('预定说明');
        android.goBackApp(false);
        android.showContactUs(false);
    } else {
        JS2ObjCBridge.call("goBackApp", [false]);
    }
    </script>
</body>
</html>
